<template>
  <div>
    <el-container>
      <el-header>
        <Header :activeIndex="headIndex"></Header>
      </el-header>
      <el-container>
        <el-aside style="width: 200px;margin-left: 250px">
          <Menu ></Menu>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>


  </div>
</template>

<script>
  import Menu from '../menu/hrMenu'
  import Header from '../header/Header'
  export default {
    name: "hr-work",
    components: {
      Header,
      Menu
    },
    data(){
      return {
        headIndex: 3,
      }
    }
  }
</script>

<style scoped>

</style>